<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Create Site Template / Blog</title>
<link rel="stylesheet" type="text/css" href="css/create/create.css"
	media="screen" />
<link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Lato:regular,regularitalic,italic,bold,bolditalic" />
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/create.js"></script>

</head>
<body class="blog">

	<div class="wrapper">


		<!-- HEADER -->


		<div id="header">
			<div class="fixed clear">


				<!-- Title -->


				<h1>
					<a href="#"><img src="css/create/assets/create-logo.png"
						alt="Create Site Template" /> </a>
				</h1>


				<!-- Navigation -->


				<ul id="navigation">
					<li><a href="index.html">Home</a></li>
					<li><a href="page.html">Pages</a>
						<div>
							<ul>
								<li><a href="index.html">Blog</a></li>
								<li><a href="post.html">Post</a></li>
								<li><a href="post-full-width.html">Post Full Width</a></li>
								<li><a href="page.html">Page</a></li>
								<li><a href="page-full-width.html">Page Full Width</a></li>
							</ul>
						</div>
					</li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="store.html">Store</a></li>
					<li><a href="page-full-width.html">Styles</a></li>
					<li><a href="page.html">Contact</a></li>
				</ul>


			</div>
		</div>


		<!-- CONTENT -->


		<div id="content" class="two-column clear">


			<!-- LEFT COLUMN -->


			<div class="left-column">


				<!-- Page Header -->


				<!-- POSTS -->


				<div id="posts">
					<button id="fb-login">Verificar login</button>
					<button id="fb-logout">Logout</button>
					<div id="fb-root"></div>
					<script src="http://connect.facebook.net/pt_BR/all.js"></script>
					<script>
						FB.init({
							appId : '125555560869101',
							status : true, // check login status
							cookie : true, // enable cookies to allow the server to access the session
							xfbml : true
						// parse XFBML
						});
						document.getElementById('fb-login').onclick = function() {
							FB
									.getLoginStatus(function(response) {
										if (response.session) {
											alert('Login realizado com sucesso!');
										} else {
											alert('Você não está logado!');
											window.location
													.replace("http://www.speakhunter.com/login");
										}
									});
						};
						document.getElementById('fb-logout').onclick = function() {
							FB
									.logout(function(response) {
										window.location
												.replace("http://www.speakhunter.com/login");
									});
						};

						FB.api('/me', function(response) {
							var edu = '';
							for ( var key in response.education) {
								edu += response.education[key].type + ': '
										+ response.education[key].school.name
										+ ' em '
										+ response.education[key].year.name
										+ '; ';
							}
							;
							$("#name").html("<b>Nome:</b> " + response.name);
							$("#gender").html("<b>Educaçao:</b> " + edu);
							$("#locale").html(
									"<b>Localização</b> "
											+ response.hometown.name);
							$("#email").html("<b>Email</b> " + response.email);
						});
					</script>
					<script>
						$(document)
								.ready(
										function() {
											FB
													.api(
															'/me',
															function(response) {
																var name = response.name;
																var edu_str = '';
																for ( var key in response.education) {
																	edu_str += response.education[key].type
																			+ ': '
																			+ response.education[key].school.name
																			+ ' em '
																			+ response.education[key].year.name
																			+ ';';
																}
																;
																var email = response.email;
																var hometown = response.hometown.name;

																$
																		.ajax({
																			url : '/salvar_perfil_facebook',
																			type : 'POST',
																			dataType : 'json',
																			data : {
																				name : name,
																				education : edu_str,
																				hometown : hometown,
																				email : email
																			},
																			success : function() {
																				alert("Dados salvos com sucesso!");
																			},
																		});
															});
										});
					</script>






					<!-- Post -->


					<div class="post">
						<h2>
							<a href="#">Dados do Usuário Logado</a>
						</h2>
						<div class="content">
							<p id="name"></p>
							<p id="gender"></p>
							<p id="locale"></p>
							<p id="email"></p>
						</div>
						<p class="tags">
							<a href="#">lorem</a>, <a href="#">ipsum</a>, <a href="#">dolor</a>
						</p>
					</div>


					<!-- Post -->


					<div class="post">
						<h2>
							<a href="#">Lorem Ipsum Dolor Sit Amet Consectetur</a>
						</h2>
						<ul class="meta">
							<li class="byline">&mdash; by <a href="#">Justin Carroll</a>
								on <a href="#">February 28, 2034</a> in <a href="#">Development</a>
							</li>
							<li class="comments"><a href="#">33 Comments</a></li>
							<li class="share"><a href="#">Share</a></li>
						</ul>
						<p class="post-thumbnail drop-shadow lifted">
							<a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/gruen-600x340.jpg"
								width="600" alt="Lorem Ipsum Dolor Sit Amet Consectetur" /> </a>
						</p>
						<div class="content">
							<p>
								Curabitur id justo quis urna volutpat ornare a eu nisi. Duis vel
								elit nec massa fringilla fermentum ac id massa. Aliquam erat
								volutpat. Praesent laoreet, augue eget hendrerit laoreet, mauris
								erat adipiscing nisl, non <a href="#">vulputate neque lacus</a>
								non mauris. Fusce at ante sed leo mollis iaculis et eu neque.
								Nam id metus tortor. Sed pretium massa sed ligula elementum non
								lacinia leo bibendum. Fusce lorem ligula, pellentesque vitae
								accumsan a, fringilla ut diam.
							</p>
							<p>Integer congue, lorem ac hendrerit pellentesque, velit
								neque laoreet elit, hendrerit sollicitudin odio lorem nec dolor.
								Duis enim turpis, dignissim ac pellentesque in, pellentesque
								laoreet libero. Vestibulum fermentum consectetur tellus sed
								euismod. Nullam lacinia, magna nec pharetra vulputate, arcu
								ligula viverra leo, vel tincidunt lacus lacus vel sem. Ut
								condimentum tincidunt magna, id congue arcu sollicitudin nec.
								Mauris nec justo vitae tellus commodo tincidunt a ac libero. Ut
								ut urna metus, non fringilla orci. Phasellus convallis ante eu
								neque egestas convallis. Aliquam vel nunc vel elit iaculis
								adipiscing. Etiam cursus ornare congue. Maecenas sem lacus,
								laoreet et aliquam id, feugiat nec velit. Sed ac ante sit amet
								felis aliquet pulvinar nec sit amet mi.</p>
							<p>Proin eros orci, consequat quis eleifend et, pretium
								tincidunt turpis. Nam nisi ante, feugiat blandit scelerisque at.</p>
						</div>
						<p class="tags">
							<a href="#">lorem</a>, <a href="#">ipsum</a>, <a href="#">dolor</a>
						</p>
					</div>


				</div>


			</div>


			<!-- RIGHT COLUMN -->


			<ul class="sidebar">


				<!-- Search -->


				<li class="widget_search">
					<form action="#" method="get">
						<p>
							<input type="text" value="to search type and hit enter" name="s" />
							<input type="submit" name="Search" />
						</p>
					</form>
				</li>


				<!-- 300x250 Ad -->


				<li class="widget-create-300x250">
					<ul>
						<li><a
							href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
								src="assets/tutorials_300x250_v2.gif" width="300" height="250"
								alt="Lorem Ipsum Dolor" /> </a></li>
					</ul>
				</li>


				<!-- Recent Posts -->


				<li class="widget-create-posts">
					<h3>Recent Posts</h3>
					<ul>
						<li class="clear"><a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
								width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
							href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
							February 28, 2034</li>
						<li class="clear"><a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
								width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
							href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
							February 28, 2034</li>
						<li class="clear"><a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
								width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
							href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
							February 28, 2034</li>
					</ul>
				</li>


				<!-- Recent Comments -->


				<li class="widget-create-comments">
					<h3>Recent Comments</h3>
					<ul>
						<li class="clear"><a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
								width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
							href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
								sit amet consectetur adipiscing elit."</a>
						</li>
						<li class="clear"><a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
								width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
							href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
								sit amet consectetur adipiscing elit."</a>
						</li>
						<li class="clear"><a href="#"><img
								src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
								width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
							href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
								sit amet consectetur adipiscing elit."</a>
						</li>
					</ul>
				</li>


				<!-- Tabbed -->


				<li class="widget-create-tabbed">
					<div class="container">
						<ul class="wct-tabs clear">
							<li class="wct-tabs-popular"><a href="#" class="current">Popular</a>
							</li>
							<li class="wct-tabs-recent"><a href="#">Recent</a></li>
							<li class="wct-tabs-comments"><a href="#">Comments</a></li>
							<li class="wct-tabs-tags"><a href="#">Tags</a></li>
						</ul>
						<ul class="wct-popular">
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
						</ul>
						<ul class="wct-recent">
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
						</ul>
						<ul class="wct-comments">
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
						</ul>
						<ul class="wct-tags">
							<li><a href="#">consectetur</a> <a href="#">facilisis</a> <a
								href="#">vestibulum</a> <a href="#">eros</a> <a href="#">vitae</a>
								<a href="#">pellentesque</a> <a href="#">risus</a> <a href="#">est</a>
								<a href="#">ligula</a> <a href="#">pulvinar</a> <a href="#">quis</a>
								<a href="#">tristique</a>
							</li>
						</ul>
					</div>
				</li>


				<!-- 125x125 Ads -->


				<li class="widget-create-125x125">
					<ul class="clear">
						<li><a
							href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
								src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
						</a></li>
						<li><a
							href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
								src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
						</a></li>
						<li><a
							href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
								src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
						</a></li>
						<li><a
							href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
								src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
						</a></li>
					</ul>
				</li>


				<!-- Generic -->


				<li class="widget">
					<h3>Categories</h3>
					<ul>
						<li><a href="#">After Effects</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Development</a></li>
						<li><a href="#">Photoshop</a></li>
					</ul>
				</li>


				<!-- Twitter -->


				<li class="widget-create-twitter">
					<h3>Latest Tweets</h3>
					<ul>
						<li>Lorem ipsum dolor sit amet consectetur? <a href="#">http://twitter.com/</a>
							<a href="#">3hrs ago</a></li>
						<li>Lorem ipsum dolor sit amet consectetur? <a href="#">http://twitter.com/</a>
							<a href="#">3hrs ago</a></li>
						<li>Lorem ipsum dolor sit amet consectetur? <a href="#">http://twitter.com/</a>
							<a href="#">3hrs ago</a></li>
					</ul> <em><a href="#" class="knockout">&mdash; Follow me on
							Twitter</a> </em>
					<div class="quote"></div>
				</li>


			</ul>


		</div>


		<!-- Pagination -->


		<div id="pagination">
			<div class="fixed clear">
				<span class="pages">1 of 12</span> <span class="current">1</span> <a
					href="#">2</a> <a href="#">3</a> <a href="#">&raquo;</a>
			</div>
		</div>


		<!-- FOOTER -->


		<div id="footer">
			<div class="fixed clear">


				<!-- SIDEBAR (Footer) -->


				<ul class="sidebar">


					<!-- Text -->


					<li class="widget_text">
						<h1>
							<a href="#"><img
								src="css/create/assets/create-logo-footer.png" alt="Create" />
							</a>
						</h1>
						<p>
							Etiam nec pharetra lorem. Nunc quis nisi leo. Quisque imperdiet
							rutrum egestas. Donec ut tellus non enim ultricies porttitor <a
								href="#">et non velit sed felis ligula</a>, volutpat eu commodo
							at, porttitor non urna. Aenean volutpat sem quis ipsum tempus
							rutrum. Vestibulum pretium felis. Aenean ultrices pharetra
							tincidunt. Sed et ullamcorper lacus.
						</p>
						<p>
							<em><a href="#" class="color">&mdash; Buy Now</a> </em>
						</p>
					</li>


					<!-- Search -->


					<li class="widget_search">
						<form action="#" method="get">
							<p>
								<input type="text" value="to search type and hit enter" name="s" />
								<input type="submit" name="Search" />
							</p>
						</form>
					</li>


					<!-- 300x250 Ad -->


					<li class="widget-create-300x250">
						<ul>
							<li><a
								href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
									src="assets/tutorials_300x250_v2.gif" width="300" height="250"
									alt="Lorem Ipsum Dolor" /> </a></li>
						</ul>
					</li>


					<!-- Recent Posts -->


					<li class="widget-create-posts">
						<h3>Recent Posts</h3>
						<ul>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
								href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
								February 28, 2034</li>
						</ul>
					</li>


					<!-- Recent Comments -->


					<li class="widget-create-comments">
						<h3>Recent Comments</h3>
						<ul>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
							<li class="clear"><a href="#"><img
									src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
									width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
								href="#"><strong>Justin Carroll:</strong> "Lorem ipsum dolor
									sit amet consectetur adipiscing elit."</a>
							</li>
						</ul>
					</li>


					<!-- Tabbed -->


					<li class="widget-create-tabbed">
						<div class="container">
							<ul class="wct-tabs clear">
								<li class="wct-tabs-popular"><a href="#">Popular</a></li>
								<li class="wct-tabs-recent"><a href="#" class="current">Recent</a>
								</li>
								<li class="wct-tabs-comments"><a href="#">Comments</a></li>
								<li class="wct-tabs-tags"><a href="#">Tags</a></li>
							</ul>
							<ul class="wct-popular">
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
							</ul>
							<ul class="wct-recent">
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit Amet" /> </a> <a
									href="#" class="headline">Lorem Ipsum Dolor Sit Amet</a><br />
									February 28, 2034</li>
							</ul>
							<ul class="wct-comments">
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
									href="#"><strong>Justin Carroll:</strong> "Lorem ipsum
										dolor sit amet consectetur adipiscing elit."</a>
								</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
									href="#"><strong>Justin Carroll:</strong> "Lorem ipsum
										dolor sit amet consectetur adipiscing elit."</a>
								</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
									href="#"><strong>Justin Carroll:</strong> "Lorem ipsum
										dolor sit amet consectetur adipiscing elit."</a>
								</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
									href="#"><strong>Justin Carroll:</strong> "Lorem ipsum
										dolor sit amet consectetur adipiscing elit."</a>
								</li>
								<li class="clear"><a href="#"><img
										src="http://themes.3circlestudio.com/create/files/2011/05/stocker-44x44.jpg"
										width="44" height="44" alt="Lorem Ipsum Dolor Sit" /> </a> <a
									href="#"><strong>Justin Carroll:</strong> "Lorem ipsum
										dolor sit amet consectetur adipiscing elit."</a>
								</li>
							</ul>
							<ul class="wct-tags">
								<li><a href="#">consectetur</a> <a href="#">facilisis</a> <a
									href="#">vestibulum</a> <a href="#">eros</a> <a href="#">vitae</a>
									<a href="#">pellentesque</a> <a href="#">risus</a> <a href="#">est</a>
									<a href="#">ligula</a> <a href="#">pulvinar</a> <a href="#">quis</a>
									<a href="#">tristique</a>
								</li>
							</ul>
						</div>
					</li>


					<!-- 125x125 Ads -->


					<li class="widget-create-125x125">
						<ul class="clear">
							<li><a
								href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
									src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
							</a></li>
							<li><a
								href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
									src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
							</a></li>
							<li><a
								href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
									src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
							</a></li>
							<li><a
								href="http://marketplace.tutsplus.com/?ref=3circlestudio"><img
									src="assets/tutorials_125x125_v1.gif" alt="Lorem Ipsum Dolor" />
							</a></li>
						</ul>
					</li>


					<!-- Generic -->


					<li class="widget">
						<h3>Categories</h3>
						<ul>
							<li><a href="#">After Effects</a></li>
							<li><a href="#">Business</a></li>
							<li><a href="#">Design</a></li>
							<li><a href="#">Development</a></li>
							<li><a href="#">Photoshop</a></li>
						</ul>
					</li>


					<!-- Twitter -->


					<li class="widget-create-twitter">
						<h3>Latest Tweets</h3>
						<ul>
							<li>Lorem ipsum dolor sit amet consectetur? <a href="#">http://twitter.com/</a>
								<a href="#">3hrs ago</a></li>
							<li>Lorem ipsum dolor sit amet consectetur? <a href="#">http://twitter.com/</a>
								<a href="#">3hrs ago</a></li>
							<li>Lorem ipsum dolor sit amet consectetur? <a href="#">http://twitter.com/</a>
								<a href="#">3hrs ago</a></li>
						</ul> <em><a href="#" class="knockout">&mdash; Follow me on
								Twitter</a> </em>
						<div class="quote"></div>
					</li>


				</ul>


				<!-- Copyright -->


				<p class="copyright">
					&copy; 2034 <a href="http://3circlestudio.com/">3Circle Studio</a>.
					All rights reserved. Enjoy.
				</p>


			</div>
		</div>


	</div>
</body>
</html>